<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Phần mềm quản lý văn bản</title>
<link rel="stylesheet" href="css/style.css" />
<script language="javascript" src="js/jquery.js" type="text/javascript" ></script>
<script language="javascript" src="js/script.js" type="text/javascript" ></script>
</head>

<body>
<div id="wrapper">
  <div id="header">
   	  <div id="logo">
			<a href="file:///E:/TASVIS/PROJECT/NganSon/HTML/Index.html"><img src="Images/logo-ns.png" no-repeat /></a>
        </div><!-- end logo -->
        <div id="menu-top">
        	<ul>
            	<li><a href="http://nganson.vn" target="_blank"><span class="icon"><img src="Images/Home.png" /></span>Trang chủ</a></li>
                <li><a href="http://nganson.com.vn" target="_blank"><span class="icon"><img src="Images/People.png" /></span>Quản lý nhân sự</a></li>
                <li><a href="/Help.aspx"><span class="icon"><img src="Images/Help.png" /></span>Trợ giúp</a></li>
                <li><a href="/Person.aspx"><span class="icon"><img src="Images/Person.png" /></span>Xin chào <span class="user-name">Vinh</span></a></li>
                <li><a href="/Logout.aspx"><span class="icon"><img src="Images/Turn-off.png" /></span>Thoát</a></li>
            </ul>
        </div><!-- end menu-top -->
    </div><!-- end header -->
    <div id="middle">
  <div id="menu-left">
        	<ul class="ul-menu-left">
            	<li class="li-parent" id="du-thao-cong-van">
                	<h3><a href="#" class="a-parent parent-active"><span class="icon"><img src="Images/Text-out.png" /></span>Dự thảo công văn</a></h3>
                    <ul class="ul-child">
                    	<li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/New-document.png" /></span>Dự thảo công văn</a>
                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/List-compass.png" /></span>Công văn chờ/đang xử lý</a>
                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/OK.png" /></span>Công văn đã hoàn thành</a>
                        </li>
                        <li class="li-child">
                        	<a href="file:///E:/TASVIS/PROJECT/NganSon/HTML/CongVanCanXuLy.html" class="a-child"><span class="icon"><img src="Images/List-play.png" /></span>Công văn cần xử lý</a>
                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Up.png" /></span>Phát hành công văn</a>                            
                        </li>                        
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Text-warning.png" /></span>Chờ phát hành</a>
                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Text-Yes.png" /></span>Đã phát hành</a>
                        </li>                        
                    </ul>
                </li>
            	<li class="li-parent">
                	<h3><a href="#" class="a-parent"><span class="icon"><img src="Images/Text-out.png" /></span>Công văn đi</a></h3>
                    <ul class="ul-child">
                    	<li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/List-out.png" /></span>Danh sách công văn đi</a>
                        </li>                                                
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Text-preview.png" /></span>Tra cứu văn bản đi</a>
                        </li>                        
                    </ul>
                </li>
                <li class="li-parent">
                	<h3><a href="#" class="a-parent"><span class="icon"><img src="Images/Text-in.png" /></span>Công văn đến</a></h3>
                    <ul class="ul-child">
                    	<li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Text-warning.png" /></span>Công văn chưa xử lý</a>
                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/List-compass.png" /></span>Công văn đang xử lý</a>
                        </li>                       
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Text-preview.png" /></span>Tra cứu công văn đến</a>
                        </li>                         
                    </ul>
                </li>
            	<li class="li-parent" id="lich-cong-tac">
                	<h3><a href="#" class="a-parent"><span class="icon"><img src="Images/calendar_icon.gif" /></span>Lịch công tác</a></h3>
                    <ul class="ul-child">                    	
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Create.png" /></span>Tạo mới lịch họp</a>

                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/View.png" /></span>Xem lịch họp</a>
                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Repair.png" /></span>Ngày được đăng ký</a>
                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Repair.png" /></span>Người được đăng ký</a>
                        </li>
                    </ul>
                </li>
                <li class="li-parent">
                	<h3><a href="#" class="a-parent"><span class="icon"><img src="Images/Notes.png" /></span>Quản lý công việc</a></h3>
                    <ul class="ul-child">
                    	<li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Create.png" /></span>Tạo mới công việc</a>
                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Play.png" /></span>Công việc cần hoàn thành</a>
                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/OK.png" /></span>Công việc đã kết thúc</a>
                        </li>
                    </ul>
                </li>                                
                <li class="li-parent">
                	<h3><a href="#" class="a-parent"><span class="icon"><img src="Images/Person.png" /></span>Thông tin cá nhân</a></h3>
                    <ul class="ul-child">
                    	<li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Message.png" /></span>Danh bạ cá nhân</a>
                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Person.png" /></span>Thông tin cá nhân</a>
                        </li>
                        <li class="li-child">
                        	<a href="#" class="a-child"><span class="icon"><img src="Images/Repair.png" /></span>Đổi mật khẩu</a>
                        </li>
                    </ul>
                </li>
                <li class="li-parent">
                	<h3><a href="#" class="a-parent"><span class="icon"><img src="Images/Pinion.png" /></span>Quản trị hệ thống</a></h3>
                </li>
            </ul>
        </div><!-- end menu-left -->
        <div id="content">
        	<div class="list" id="hot-function">
            	<h2><span class="icon"><img src="Images/Wrench.png" /></span>Truy cập nhanh các chức năng</h2>
                <ul>
                	<li><a href="file:///E:/TASVIS/PROJECT/NganSon/HTML/CreateDocument.html" class="a-hot-function create-doc-out"><span class="icon"><img src="Images/New-document.png" /></span>Tạo văn bản dự thảo</a><span class="icon-go"></span></li>
                    <li><a href="#" class="a-hot-function create-doc-in"><span class="icon"><img src="Images/New-document.png" /></span>Nhập văn bản đến</a><span class="icon-go"></span></li>
                    <li><a href="#" class="a-hot-function create-work"><span class="icon"><img src="Images/Create.png" /></span>Tạo mới công việc</a><span class="icon-go"></span></li>
                    <li><a href="#" class="a-hot-function work-play"><span class="icon"><img src="Images/Play.png" /></span>Công việc cần hoàn thành</a><span class="icon-go"></span></li>
                    <li><a href="#" class="a-hot-function search-doc"><span class="icon"><img src="Images/Text-preview.png" /></span>Tra cứu văn bản</a><span class="icon-go"></span></li>
                </ul>
            </div><!-- end hot-function -->
            <div class="list" id="list-congvieccanlam">
            	<h2><span class="icon"><img src="Images/Play.png" /></span>Danh sách công việc cần hoàn thành</h2>
            	<table class="tbl-list" width="100%" cellspacing="1" cellpadding="3">
                	<tr>
                    	<th>Stt</th>
                        <th><a href="#" class="order-desc">Tên công việc</a></th>
                        <th><a href="#">Ngày bắt đầu</a></th>
                        <th><a href="#">Ngày hoàn thành</a></th>
                        <th>Ghi chú</th>
                    </tr>
                    <tr>
                    	<td align="center">1</td>
                        <td>Báo cáo công việc tuần từ 19/12 -> 24/12/2011</td>
                        <td align="center">23/12/2011</td>
                        <td align="center">24/12/2011</td>
                        <td>Báo cáo tuần</td>
                    </tr>
                    <tr class="altenate">
                    	<td align="center">2</td>
                        <td>Báo cáo công việc tuần từ 19/12 -> 24/12/2011</td>
                        <td align="center">23/12/2011</td>
                        <td align="center">24/12/2011</td>
                        <td>Báo cáo tuần</td>
                    </tr>
                    <tr>
                    	<td align="center">3</td>
                        <td>Báo cáo công việc tuần từ 19/12 -> 24/12/2011</td>
                        <td align="center">23/12/2011</td>
                        <td align="center">24/12/2011</td>
                        <td>Báo cáo tuần</td>
                    </tr>
                    <tr class="altenate">
                    	<td align="center">4</td>
                        <td>Báo cáo công việc tuần từ 19/12 -> 24/12/2011</td>
                        <td align="center">23/12/2011</td>
                        <td align="center">24/12/2011</td>
                        <td>Báo cáo tuần</td>
                    </tr>
                    <tr>
                    	<td align="center">5</td>
                        <td>Báo cáo công việc tuần từ 19/12 -> 24/12/2011</td>
                        <td align="center">23/12/2011</td>
                        <td align="center">24/12/2011</td>
                        <td>Báo cáo tuần</td>
                    </tr>
                    <tr class="altenate">
                    	<td align="center">6</td>
                        <td>Báo cáo công việc tuần từ 19/12 -> 24/12/2011</td>
                        <td align="center">23/12/2011</td>
                        <td align="center">24/12/2011</td>
                        <td>Báo cáo tuần</td>
                    </tr>
                    <tr>
                    	<td align="center">7</td>
                        <td>Báo cáo công việc tuần từ 19/12 -> 24/12/2011</td>
                        <td align="center">23/12/2011</td>
                        <td align="center">24/12/2011</td>
                        <td>Báo cáo tuần</td>
                    </tr>
                    <tr class="altenate">
                    	<td align="center">8</td>
                        <td>Báo cáo công việc tuần từ 19/12 -> 24/12/2011</td>
                        <td align="center">23/12/2011</td>
                        <td align="center">24/12/2011</td>
                        <td>Báo cáo tuần</td>
                    </tr>
                    <tr>
                    	<td align="center">9</td>
                        <td>Báo cáo công việc tuần từ 19/12 -> 24/12/2011</td>
                        <td align="center">23/12/2011</td>
                        <td align="center">24/12/2011</td>
                        <td>Báo cáo tuần</td>
                    </tr>
                    <tr class="altenate">
                    	<td align="center">10</td>
                        <td>Báo cáo công việc tuần từ 19/12 -> 24/12/2011</td>
                        <td align="center">23/12/2011</td>
                        <td align="center">24/12/2011</td>
                        <td>Báo cáo tuần</td>
                    </tr>
                </table>
                <div class="pagenav">
                	<ul>
                    	<li><a href="#">Trang đầu</a></li>
                        <li><a href="#" class="pagecurrent">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">...</a></li>
                        <li><a href="#">Trang cuối</a></li>
                    </ul>
                </div>	
            </div>
            <div class="list" id="list-vanbanden">
            	<h2><span class="icon"><img src="Images/List-in.png" /></span>Danh sách văn bản đến</h2>
            	<table class="tbl-list" width="100%" cellspacing="1" cellpadding="3">
                	<tr>
                    	<th>Stt</th>
                        <th><a href="#" class="order-desc">Ngày nhận</a></th>
                        <th><a href="#">Văn bản số</a></th>
                        <th><a href="#">Nơi phát hành</a></th>
                        <th>Trích yếu</th>
                    </tr>
                    <tr>
                    	<td align="center">1</td>
                        <td>Báo cáo công việc tuần từ 19/12 -> 24/12/2011</td>
                        <td align="center">23/12/2011</td>
                        <td align="center">24/12/2011</td>
                        <td>Báo cáo tuần</td>
                    </tr>
                    <tr class="altenate">
                    	<td align="center">2</td>
                        <td>Báo cáo công việc tuần từ 19/12 -> 24/12/2011</td>
                        <td align="center">23/12/2011</td>
                        <td align="center">24/12/2011</td>
                        <td>Báo cáo tuần</td>
                    </tr>
                    <tr>
                    	<td align="center">3</td>
                        <td>Báo cáo công việc tuần từ 19/12 -> 24/12/2011</td>
                        <td align="center">23/12/2011</td>
                        <td align="center">24/12/2011</td>
                        <td>Báo cáo tuần</td>
                    </tr>
                    <tr class="altenate">
                    	<td align="center">4</td>
                        <td>Báo cáo công việc tuần từ 19/12 -> 24/12/2011</td>
                        <td align="center">23/12/2011</td>
                        <td align="center">24/12/2011</td>
                        <td>Báo cáo tuần</td>
                    </tr>
                </table>	
            </div>
        </div><!-- end content -->
    </div><!-- end middle -->
    <div id="bottom">
    
    </div><!-- end bottom -->
</div><!-- end wrapprer -->
</body>
</html>